//logs.js



Component({
  /**
   * 组件的属性列表
   */
  properties: {
		//自定义五角星个数
		showNum: {
			type: Number,
			value: 5
		},
		//自定义选中和未选中样式
		imgSrc:{
			type:Array,
			value:['images/rating.png','images/rating_no.png']
		},
		//自定义宽高
		imgWH:{
			type:Array,
			value:[50,50]
		},
		//是否可点
		isChecked:{
			type:String,
			value:true
		},
		//是否显示未选中的样式
		isShowNo:{
			type:String,
			value:true
		},
		//默认选中个数
		selectNum:{
			type:Number,
			value:0
		}
  },

  /**
   * 组件的初始数据
   */
  data: {
  },
  /**
   * 组件的方法列表
   */
  methods: {
    select(e) {
		if(Boolean(this.data.isChecked)){
			const imgArray = [];
			for (let i=1 ;i<=this.data.showNum;i++) {
				if(i<=e.currentTarget.dataset.index){
					imgArray.push({id:i,imgSrc:this.data.imgSrc[0]})
				}else{
					imgArray.push({id:i,imgSrc:this.data.imgSrc[1]})
				}
			}
			this.setData({
				imgArray:imgArray
			})
			this.triggerEvent('starClick', { index: e.currentTarget.dataset.index});
		}else{
			console.log("禁止点击")
		}
      
    }
  },
  ready:function(){
	const imgArray = [];
	if(this.data.selectNum<=0){
		for (let i=1 ;i<=this.data.showNum;i++) {
			imgArray.push({id:i,imgSrc:this.data.imgSrc[1]})
		}
	}else{
		for (let i=1 ;i<=this.data.showNum;i++) {
			if(i<=this.data.selectNum){
				imgArray.push({id:i,imgSrc:this.data.imgSrc[0]})
			}else{
				if(Boolean(this.data.isShowNo)){
					imgArray.push({id:i,imgSrc:this.data.imgSrc[1]})
				}
			}
		}
	}
	this.setData({
		imgArray:imgArray
	})
  }
})